<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
</head>

<body>
    <div id="app">
        <button id="add">添加数据</button>
        <button id="showButton">隐藏按钮</button>
        <ul id="list">
            <li>第1条数据</li>
            <li>第2条数据</li>
        </ul>
    </div>

</body>

<script src="../libs/jquery.min.js"></script>
<script>
    $(document).ready(function() {  
    var i=2;
    $('#add').click(function() { 
       i++; 
       //通过dom操作在最后一个li元素后手动添加一个标签
      $("#list").children("li").last().append("<li>第"+i+"条数据</li>")
    });  
    //需要手动隐藏dom元素
    $("#showButton").click(function(){
        $("#add").toggle()
    })
  }); 
</script>